.icon {
      width: 40px;
      height: 40px;
      background-color: white;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.2), -7px -7px 15px rgba(255, 255, 255, 0.336);
      transition: all 0.2s ease-out;

      &:hover {
            cursor: pointer;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(255, 255, 255, 0.8),
                  7px 7px 15px rgba(0, 0, 0, 0.2) inset, -7px -7px 15px rgba(255, 255, 255, 1) inset;
      }
}
